<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Register Here</title>

<link rel="stylesheet" type="text/css" href="css/view.css" media="all"/>
<title>Bazinga - Welcome</title> 
</head>
<style type="text/css">
.classname {
	-moz-box-shadow:inset 0px 0px 0px -50px #d9d9d9;
	-webkit-box-shadow:inset 0px 0px 0px -50px #d9d9d9;
	box-shadow:inset 0px 0px 0px -50px #d9d9d9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eb9d94), color-stop(1, #f54f4f) );
	background:-moz-linear-gradient( center top, #eb9d94 5%, #f54f4f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb9d94', endColorstr='#f54f4f');
	background-color:#eb9d94;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:1px solid #d83526;
	display:inline-block;
	color:#f0e9e4;
	font-family:Georgia;
	font-size:20px;
	font-weight:normal;
	padding:4px 76px;
	text-decoration:none;
}.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f54f4f), color-stop(1, #eb9d94) );
	background:-moz-linear-gradient( center top, #f54f4f 5%, #eb9d94 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f54f4f', endColorstr='#eb9d94');
	background-color:#f54f4f;
}.classname:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */
</style>

<body id="main_body" bgcolor="#FFEFD5" >


	<img id="top" src="images/top.png" alt="">
	<div id="form_container">
	<div class="header">
		 <div id="mymenu" style="padding-left:50px">
		 <ul>
		 
		 <li>
		 	<a class="color2" href="welcome.jsp">Home</a>
		 
		 </li>
		 
		 <li>
		 	<a class="color2" href="Share">Spread the Word</a>
		 
		 </li>
	
		 <li>
		 	<a class="color2" href="AboutUs">About Us</a>
		 </li>
		 
		 </ul>

 		
       </div> 
        </div>
 
		<div class="form_description">
			<h2>Register Here</h2>
		</div>		
		<table><tr><td  width="140px"></td><td>				
		<s:form action="registerUser"  class="appnitro"  method="post">
				<s:textfield label="Enter Firstname" id="element_1" name="userDetails.fname" class="element text medium" type="text" maxlength="45" value=""/> 
		
				<s:textfield label="Enter Lastname" id="element_2" name="userDetails.lname" class="element text medium" type="text" maxlength="45" value=""/> 
		
				<s:textfield label="Enter Email" id="element_3" name="userDetails.email" class="element text medium" type="text" maxlength="45" value=""/> 
			
				<s:password label="Enter Password" id="element_4" name="userDetails.passwd" class="element text medium" type="password" maxlength="45" value=""/> 
		
				<s:password label="Re-enter Password" id="element_5" name="repassword" class="element text medium" type="password" maxlength="45" value=""/> 
		
				<s:textfield label="Enter Phone Number" id="element_6" name="userDetails.phone" class="element text medium" type="text" maxlength="45" value=""/> 

				<s:textfield label="Enter Your City" id="element_7" name="userDetails.city" class="element text medium" type="text" maxlength="45" value=""/> 
	
				<s:textfield label="Enter Your State" id="element_8" name="userDetails.state" class="element text medium" type="text" maxlength="45" value=""/> 
			<table><tr><td style="text-align:center">
				<s:checkbox label="Student?" id="element_9" name="userDetails.is_student" theme="simple" value=""/> Student?
		</td><td style="text-align:center">
				<s:checkbox label="Employer?" id="element_10" name="userDetails.is_employer" theme="simple" value=""/> Employer?
			</td></tr>
			</table>
			<br/>
			<s:submit value="Register" cssStyle="margin-left:100px" class="button_text" name="submit" cssClass="classname" align="center"/>
		</s:form>	
		</td>
		</tr>
		</table>
		<div id="footer"><br/>
			©Team Bazinga

		</div>
	</div>
	<img id="bottom" src="register_files/bottom.png" alt="">
	</body>

</html>

